<!-- Modal/Dialog for creatin a new page -->
<div class='modal fade' id='newPage' tabindex='-1' role='dialog' aria-labelled='newPage' aria-hidden='true'>
  <div class='modal-dialog'>
	<div id='newPageContent' class='modal-content'></div>
  </div>
</div>

<!-- Modal/Dialog for creatin a new element -->
<div class='modal fade' id='newElement' tabindex='-1' role='dialog' aria-labelled='newElement' aria-hidden='true'>
  <div class='modal-dialog modal-lg'>
	<div id='newElementContent' class='modal-content'></div>
  </div>
</div>

<!--  Modal for changeing user information  -->
<div class='modal fade' id="changeUser" tabindex='-1' role='dialog' aria-labelled='editUser' aria-hidden='true'>
	<div class='modal-dialog'>
		<div id='changeUserContent' class='modal-content'>
		</div>
	</div>
</div>

<h4>Linker</h4>
<ul class="list-unstyled">
    <li><a href="#">Tutorial</a></li>
</ul>
<h4>Sider</h4>
	<p><a class="btn btn-sm btn-success btn-block" href="javascript:page.newPage();"><span class="glyphicon glyphicon-star"></span> Ny side</a></p> <!-- To make new page -->
	<p><a class="btn btn-sm btn-primary btn-block" href="javascript:page.editPage();"><span class="glyphicon glyphicon-edit"></span> Rediger side</a></p> <!-- To edit current page -->
	<p><a class="btn btn-sm btn-danger btn-block" href="javascript:page.deletePage();"><span class="glyphicon glyphicon-remove"></span> Slett side</a></p> <!-- To edit current page -->
<h4>Elementer</h4>
	<p><a class="btn btn-sm btn-success btn-block" href="javascript:page.newElement();"><span class="glyphicon glyphicon-plus"></span> Nytt element</a></p> <!-- To make new element on current page -->
	<p><a class="btn btn-sm btn-success btn-block" href="javascript:page.newCarousel();"><span class="glyphicon glyphicon-plus"></span> Ny bildekarusell</a></p>
	<p><a id ="ChangeElementLocation" class="btn btn-sm btn-primary btn-block" href="javascript:page.moveElement();"><span class="glyphicon glyphicon-transfer"></span> Sorter elementer</a></p> <!-- To make change element location on current page -->
	<p><a id ="CancelElementLocation" style="display: none;" class="btn btn-sm btn-danger btn-block"><span class="glyphicon glyphicon-remove"></span> Angre sorterting</a></p>
<h4>Bruker</h4>
	<p><a class='btn btn-sm btn-primary btn-block' href='javascript:changeUser();'><span class="glyphicon glyphicon-cog"></span> Endre Bruker</a></p>
	<p><a class='btn btn-sm btn-danger btn-block' href='javascript:signOut();'>Logg ut</a></p>